<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>委托授权书</title>
  <style>
    body {
      font-family: 'Microsoft YaHei', SimSun, serif;
      margin: 40px;
      line-height: 1.6;
      background-color: white;
      min-height: 842px; /* A4纸高度 */
      width: 595px; /* A4纸宽度 */
      position: relative;
    }
    .header {
      text-align: center;
      margin-bottom: 30px;
    }
    h1 {
      font-size: 24px;
      font-weight: bold;
      margin: 20px 0;
    }
    h3 {
      font-size: 16px;
      font-weight: bold;
      margin: 15px 0 10px 0;
    }
    .content {
      text-indent: 2em;
      font-size: 14px;
    }
    .content p {
      margin: 8px 0;
    }
    .signature {
      margin-top: 50px;
      display: flex;
      justify-content: space-between;
      position: absolute;
      bottom: 100px;
      width: calc(100% - 80px);
    }
    .sign-block {
      width: 200px;
    }
    .sign-block p {
      margin: 10px 0;
      height: 30px;
    }
    .date {
      margin-top: 20px;
      text-align: right;
      position: absolute;
      bottom: 50px;
      right: 40px;
    }
    /* 为签章预留位置的样式 */
    .sign-area {
      display: inline-block;
      width: 100px;
      height: 100px;
      border: 1px dashed #ccc;
      margin-left: 20px;
      vertical-align: middle;
    }
    .table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
    }
    .table td {
      border: 1px solid #333;
      padding: 8px;
      text-align: left;
    }
    .table .label {
      width: 120px;
      background-color: #f5f5f5;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div class="header">
    <h1>委托授权书</h1>
  </div>
  
  <div class="content">
    <p>兹委托 <strong>李四</strong> 先生/女士，身份证号码：<strong>110101199001011234</strong>，为我公司合法代理人，代表我公司办理以下事务：</p>
    
    <h3>委托事项：</h3>
    <p>1. 代表委托方签署相关合同协议；</p>
    <p>2. 代表委托方参与项目谈判；</p>
    <p>3. 代表委托方处理相关业务事宜；</p>
    <p>4. 其他与上述事项相关的必要行为。</p>
    
    <h3>委托权限：</h3>
    <p>被委托人有权在委托范围内，以委托方名义进行相关活动，签署相关文件。</p>
    
    <h3>委托期限：</h3>
    <p>本委托书有效期自 <strong>2023年1月1日</strong> 起至 <strong>2023年12月31日</strong> 止。</p>
    
    <table class="table">
      <tr>
        <td class="label">委托方名称</td>
        <td>张三公司</td>
      </tr>
      <tr>
        <td class="label">法定代表人</td>
        <td>张三</td>
      </tr>
      <tr>
        <td class="label">联系电话</td>
        <td>010-12345678</td>
      </tr>
      <tr>
        <td class="label">被委托人</td>
        <td>李四</td>
      </tr>
      <tr>
        <td class="label">身份证号</td>
        <td>110101199001011234</td>
      </tr>
      <tr>
        <td class="label">联系电话</td>
        <td>010-87654321</td>
      </tr>
    </table>
    
    <p><strong>特此委托！</strong></p>
  </div>
  
  <div class="signature">
    <div class="sign-block">
      <p><strong>委托方</strong>（盖章）：<span class="sign-area"></span></p>
      <p>法定代表人签字：</p>
    </div>
    <div class="sign-block">
      <p><strong>被委托人</strong>签字：</p>
      <p>身份证复印件：已附</p>
    </div>
  </div>
  
  <div class="date">
    <p>委托日期：2023年1月1日</p>
  </div>
  
  <script>
    // 通知父窗口iframe已加载完成
    window.addEventListener('load', function() {
      if (window.parent && window.parent !== window) {
        window.parent.postMessage({
          type: 'iframe-loaded',
          width: 595,
          height: 842,
          numPages: 1
        }, '*');
      }
    });
  </script>
</body>
</html>